<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="box">
        <!-- 轮播图窗口 -->
        <div class="nav">
            <!-- 轮播图 -->
            <ul class="figure">
                <li class="img">
                    <img src="./images/banner04.jpg" alt="">
                </li>
                <li class="img">
                    <img src="./images/banner01.jpg" alt="">
                </li>
                <li class="img">
                    <img src="./images/banner02.jpg" alt="">
                </li>
                <li class="img">
                    <img src="./images/banner03.jpg" alt="">
                </li>
                <li class="img">
                    <img src="./images/banner04.jpg" alt="">
                </li>
                <li class="img">
                    <img src="./images/banner01.jpg" alt="">
                </li>
            </ul>
        </div>
        <div class="sho">
            <!-- 输入框 -->
            <div class="search">
                <input type="text" placeholder="           搜索:目的地/酒店/经典/航班号">
                <span></span>
            </div>
            <!-- 我的小图标 -->
            <div class="for">
                <div></div>
                <p>我 的</p>
            </div>
        </div>
        <ul class="dian">
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <div class="daohang">
            <div class="xiao">
                <div></div>
                <p>攻略·经典</p>
            </div>
            <div class="xiao">
                <div></div>
                <p>门票·玩乐</p>
            </div>
            <div class="xiao">
                <div></div>
                <p>美食林</p>
            </div>
            <div class="xiao">
                <div></div>
                <p>周边游</p>
            </div>
            <div class="xiao">
                <div></div>
                <p>一日游</p>
            </div>
        </div>
    </div>
    <!-- 酒店机票旅游 -->
    <div class="jihua">
            <div class="row">
                <div class="lie">
                    <p>酒店</p>
                </div>
                <div class="lie">民宿·客栈</div>
                <div class="lie">火车票</div>
                <div class="lie">机票</div>
                
            </div>
            <div class="row">
                <div class="lie">
                    <p>机票</p>
                </div>
                <div class="lie">火车票</div>
                <div class="lie">汽车·船票</div>
                <div class="lie">专车·租车</div>
            </div>
            <div class="row">
                <div class="lie">
                    <p>旅游</p>
                </div>
                <div class="lie">高铁游</div>
                <div class="lie">邮轮游</div>
                <div class="lie">定制游</div>
            </div>
    </div>
    <div class="item">
        <div class="row">
            <div class="lie">
                <div></div>
                <p>自由行</p>
            </div>
            <div class="lie">
                <div></div>
                <p>WiFi电话卡</p>
            </div>
            <div class="lie">
                <div></div>
                <p>保险·签证</p>
            </div>
            <div class="lie">
                <div></div>
                <p>换钞·购物</p>
            </div>
            <div class="lie">
                <div></div>
                <p>当地向导</p>
            </div>
        </div>
        







        <div class="row">
            <div class="lie">
                <div></div>
                <p>特价机票</p>
            </div>
            <div class="lie">
                <div></div>
                <p>礼品卡</p>
            </div>
            <div class="lie">
                <div></div>
                <p>申卡·借钱</p>
            </div>
            <div class="lie">
                <div></div>
                <p>旅拍NEW</p>
            </div>
            <div class="lie">
                <div></div>
                <p>更多</p>
            </div>
        </div>
    </div>
    <div class="temaihui">
        <div class="top">
            <div class="left"></div>
            <div class="right">更多 ></div>
        </div>
        <div class="bottom">
            <div class="left">
                <img src="./images/pic-tmh-01.jpg" alt="">
                <div class="bottom">
                    <p class="_p">三亚5日自由行(5钻)·节后错峰款【高星度假型酒...</p>
                    <p class="__p"><span>￥</span>1504 <span>起</span></p>
                </div>
            </div>
            <div class="right">
                <div class="top">
                    <div class="gan">
                        <p>千款特价</p>
                        <span>走过路过不错</span>
                    </div>
                    <div class="mian">
                        <div class="img">
                            <img src="./images/pic-tmh-02.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="bottom">
                    <div class="ji">
                        <p>境外精选</p>
                        <span>限时抢购</span>
                        <div class="img">
                            <img src="./images/pic-tmh-03.png" alt="">
                        </div>
                    </div>
                    <div class="zho">
                        <p>周边玩乐</p>
                        <span>欢乐度周末</span>
                        <div class="img">
                            <img src="./images/pic-tmh-04.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="reMen">
        <div class="top">
            <div class="left">
                <div class="img1"></div>
                <div class="img2"></div>
            </div>
            <div class="right">获取更多福利 ></div>
        </div>
        <div class="bottom"></div>
    </div>
    <script src="./js/index.js"></script>
</body>
</html>